<template>
  <view class="prepare">
    <view class="preparehouse">
      <view class="title">
        <view class="countView">
          我的准备金
          <text class="count">2800.00</text>
        </view>
        <view class="operate" @click="handleRecharge">
          充值
          <uni-icons type="right" size="14" color="#fff"></uni-icons>
        </view>
      </view>
    </view>
    <scroll-view scroll-y class="scrollView">
      <u-collapse :accordion="false">
        <u-collapse-item :title="item.title" v-for="(item, index) in itemList" :key="index" :open="true" :item-style="itemStyle">
          <view class="logItem" v-for="i in item.list" :key="i.id">
            <view class="logItem-icon">
            </view>
            <view class="itemCount">
              <view class="itemTitle">
                {{ i.name }}
                <view class="itemCount">
                  {{ i.count }}元
                </view>
              </view>
              <view class="itemDate">
                {{ i.date }}
                <view class="sub">
                  余额 {{ i.order }} 元
                </view>
              </view>
            </view>
          </view>
        </u-collapse-item>
      </u-collapse>
    </scroll-view>
    <u-select v-model="show" :list="list" @confirm="confirm"></u-select>
  </view>

</template>

<script>
export default {
  data() {
    return {
      show: false,
      list: [
        {
          value: '1',
          label: '凭证审核充值'
        },
        {
          value: '2',
          label: '直接充值'
        }
      ],
      itemStyle: {
        marginBottom: '30rpx'
      },
      itemList: [
        {
          title: '2025年1月',
          list: [
            {
              id: 1,
              name: '用户134****5447提货大金柜',
              count: '-100.00',
              date: '2025年01月08日 13:32:31',
              order: '24314.00'
            },
            {
              id: 2,
              name: '用户134****5235提货大金柜',
              count: '+1000.00',
              date: '2025年01月08日 13:32:31',
              order: '31634.00'
            },
            {
              id: 3,
              name: '提货券激活完成备货大金柜',
              count: '-100.00',
              date: '2025年01月08日 13:32:31',
              order: '33634.00'
            }
          ]
        },
        {
          title: '2024年12月',
          list: [
            {
              id: 1,
              name: '用户134****5447提货大金柜',
              count: '-100.00',
              date: '2025年01月08日 13:32:31',
              order: '33634.00'
            },
            {
              id: 2,
              name: '用户134****5235提货大金柜',
              count: '-100.00',
              date: '2025年01月08日 13:32:31',
              order: '33634.00'
            },
            {
              id: 3,
              name: '提货券激活完成备货大金柜',
              count: '-100.00',
              date: '2025年01月08日 13:32:31',
              order: '33634.00'
            },
            {
              id: 4,
              name: '系统自动备货大金柜',
              count: '-100.00',
              date: '2025年01月08日 13:32:31',
              order: '33634.00'
            }
          ]
        }
      ]

    };
  },
  methods: {
    handleRecharge() {
      this.show = true;
    },
    confirm(e) {
      console.log(e);
      if (e[0].value == 1) {
        uni.navigateTo({
          url: '/pages/ware/rechange/rechange'
        });
      } else {
        uni.navigateTo({
          url: '/pages/ware/paychange/paychange'
        });
      }
    }
  },
  computed: {

  },
  watch: {

  },
  // 页面周期函数--监听页面加载
  onLoad() {
  },
  // 页面周期函数--监听页面初次渲染完成
  onReady() {},
  // 页面周期函数--监听页面显示
  onShow() {},
  // 页面周期函数--监听页面隐藏
  onHide() {},
  // 页面周期函数--监听页面卸载
  onUnload() {},
  // 页面处理函数--监听用户下拉动作
  onPullDownRefresh() {},
  // 页面上拉触底事件的处理函数
  onReachBottom() {},
  // 用户点击右上角分享
  onShareAppMessage() {},
  // 页面处理函数--监听页面滚动(not-nvue)
  onPageScroll(e) {}
};
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>
